@extends('layouts/app')

@section('content')
    <div class="banner">
        <img src="/img/pre-banner.png" alt="" class="img-responsive">
    </div>
    <div class="container">
        <ul class="recomend-list list-unstyled">
            {{--<li>--}}
                {{--<div class="content weui-flex">--}}
                    {{--<div class="img">--}}
                        {{--<img src="/img/eat.png" alt="" class="img-responsive">--}}
                    {{--</div>--}}
                    {{--<div class="weui-flex__item">--}}
                        {{--<div class="text">--}}
                            {{--<p class="title f16 gary3">标题</p>--}}
                            {{--<p class="summary f14 gary6">简介：墨西哥热浪卷+鸡腿+鸭腿+可乐+冰咖啡+奥尔良烤翅</p>--}}
                            {{--<p class="order f12 gary9">月售120单</p>--}}
                            {{--<p class="money f12 gary9">--}}
                                {{--<del>原价：20</del>--}}
                                {{--<span>￥30</span>--}}
                            {{--</p>--}}
                            {{--<a href="" class="go-buy">去购买</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="shops weui-flex">--}}
                    {{--<div class="img">--}}
                        {{--<img src="/img/shops.jpg" alt="" class="img-responsive">--}}
                    {{--</div>--}}
                    {{--<div class="text">--}}
                        {{--<p class="title f16 gary3">标题</p>--}}
                        {{--<p class="summary f14 gary6 nowrap">简介：墨西哥热浪卷+翅墨西哥热浪卷墨西哥热浪卷墨西哥热浪卷</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</li>--}}
            {{--<li>--}}
                {{--<div class="content weui-flex">--}}
                    {{--<div class="img">--}}
                        {{--<img src="/img/eat.png" alt="" class="img-responsive">--}}
                    {{--</div>--}}
                    {{--<div class="weui-flex__item">--}}
                        {{--<div class="text">--}}
                            {{--<p class="title f16 gary3">标题</p>--}}
                            {{--<p class="summary f14 gary6">简介：墨西哥热浪卷+鸡腿+鸭腿+可乐+冰咖啡+奥尔良烤翅</p>--}}
                            {{--<p class="order f12 gary9">月售120单</p>--}}
                            {{--<p class="money f12 gary9">--}}
                                {{--<del>原价：20</del>--}}
                                {{--<span>￥30</span>--}}
                            {{--</p>--}}
                            {{--<a href="" class="go-buy">去购买</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="shops weui-flex">--}}
                    {{--<div class="img">--}}
                        {{--<img src="/img/shops.jpg" alt="" class="img-responsive">--}}
                    {{--</div>--}}
                    {{--<div class="text">--}}
                        {{--<p class="title f16 gary3">标题</p>--}}
                        {{--<p class="summary f14 gary6 nowrap">简介：墨西哥热浪卷+翅墨西哥热浪卷墨西哥热浪卷墨西哥热浪卷</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</li>--}}
        </ul>
        {{--// 加载--}}
        <div style="padding-bottom: 10%;">
            <div class="weui-infinite-scroll hasdata">
                <div class="infinite-preloader"></div>
                <div class="weui-loadmore">
                    <i class="weui-loading"></i>
                    <span class="weui-loadmore__tips">正在加载</span>
                </div>
            </div>
            <div class="weui-infinite-scroll nodata">
                <div class="weui-loadmore weui-loadmore_line">
                    <span class="weui-loadmore__tips">没有更多了</span>
                </div>
            </div>
        </div>
    </div>

    <script>


        var page = 0, // 起始页
            limit = 6;  // 每页条数

        // 下拉加载
        var loading = false;  //状态标记
        $(document.body).infinite().on("infinite", function() {
            console.log("loading1", loading);
            // 如果正在加载，返回
            if(loading) return;

            // 页数 +1
            page++;

            // 请求数据
            getShopsData(page, limit);
        });

        // 获取商家数据
        function getShopsData (page, limit) {
            var data = {
                page: page,
                limit: limit,
            };
            console.log("loading", loading);
            console.log("data", data);
            // 准备加载时候，设置为true,防止用户在加载没完成，又重新加载一次
            loading = true;
            $.get("/api/preferential", data, function (res) {
                var shopsData = JSON.parse(res);
                console.log("shopsData", shopsData);

                if (shopsData.data.data.length > 0) {
                    var data = {};
                    // 设置数据渲染模板类型
                    data['type'] = 'recommendList';
                    // 当前页面承载模板的容器
                    data['element'] = '.recomend-list';

                    data['data'] = shopsData.data.data;



                    // 开始渲染数据
                    A.init(data);

                    // 加载数据完成，设置本次加载完成，用户此时可以下拉再次加载
                    loading = false;
                    if (shopsData.data.data.length < limit) {
                        console.log("进来了11");
                        $(".hasdata").hide(function () {

                            $(".nodata").show();
                        });
                    }

                } else {
                    // 当没有数据，提示用户不要再往下拉了
                    $(".hasdata").hide(function () {
                        console.log("进来了");
                        $(".nodata").show();
                    });
                }

            });
        }

        // 默认加载第一页
        getShopsData(++page, limit);


        // 分类排序选择
        $("input[type='radio']").change(function () {
            console.log("this", $(this).val());
            $(this).parents(".select-panel").hide();
        });
    </script>
@endsection
@extends('layouts/footer')